﻿<!--公共头文件开始（本头文件由代码动态生成）-->
<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>在线进制转换</title>
    <meta name="description" content="在线进制转换，支持在2~36进制之间进行任意转换，支持浮点型"/>
    <meta name="keywords" content="在线进制转换,进制转换,在线工具,在线工具箱,工具箱,网页工具箱"/>
    
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery.min.js"></script>
    
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    
    <!-- 页面通用自定义css文件 -->
    <link rel="stylesheet" href="css/style.css" />
    
    <!--[if lt IE 9]>
        <script src="js/html5shiv.min.js"></script>
        <script src="js/respond.min.js"></script>
    <![endif]-->
    
    <!--返回顶部插件-->
    <script type="text/javascript" src="js/scrolltopcontrol.js"></script>
    
    <!--滚动加载插件-->
    <script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
    
    <!--pajax无刷新加载插件-->
    <!--<script type="text/javascript" src="js/jquery.pjax.js"></script>-->
    
    <script type="text/javascript">
    $(function() {
    	$(".lazy").lazyload({
    		effect:"show",     // effect(特效),值有show(直接显示),fadeIn(淡入),slideDown(下拉)等,常用fadeIn
    		failurelimit:4,    //加载N张可加区域外的图片
    		//load:resetPage,     //加载完的回调函数
    		threshold :100, //距离屏幕180px即开始加载
    		//placeholder : "img/grey.gif", //用图片提前占位
	    });
    });
    </script>
    
    <!--
    
    我不是针对谁，我只是想说，一切【不留本站友链】或【不在本站留言板留言告知】就 Copy 本站代码的行为都是耍流氓！
    
    另: Copy 代码时请顺手把本站的站长统计的代码删了行不……要不然数据都统计到本站来了(手动滑稽)
    
                                    孟坤软件
                                    2017-1-5
    
    -->
    
    <!--公共头文件结束-->
<!--公共banner部分开始（本banner由代码动态生成）-->
</head> 

<body>

<!--动态背景-->
<div id="particles"></div>

<div class="container nav-main">

<h1 class="web-title">默笙工具箱 <small>网页版</small></h1>

<nav class="navbar navbar-default">
<div class="container-fluid">
	<div class="navbar-header" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
		<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
			<span class="sr-only">默笙工具箱-网页版</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		</button>
		<a class="navbar-brand">默笙工具箱-网页版</a>
	</div>
	<div id="navbar" class="navbar-collapse collapse">	  
		<ul class="nav navbar-nav">
			<li><a href="http://www.tecms.net/">首页</a></li>
			<li><a href="http://tools.tecms.net/" target="_blank">默笙工具箱<span style="color: red;">(Hot)</span></a></li>
			<li><a href="http://www.baidu.com/" target="_blank">请自行修改</a></li>
		</ul>
		<ul class="nav navbar-nav navbar-right">
			<li><a href="http://tools.tecms.net">工具箱</a></li>
		</ul>
	</div><!--/.nav-collapse -->
</div><!--/.container-fluid（100%宽度） -->
</nav>

</div><!--<div class="container">-->

<div class="container">
<!--公共banner部分结束-->
<div class="panel panel-default">
<div class="panel-heading">在线进制转换</div>
<div class="panel-body">

<div class="form-horizontal">

    <div class="form-group">
        <label for="input_num" class="col-sm-2 control-label">原始进制</label>
        <div class="col-sm-10">
            <label class="radio-inline"><input type="radio" name='input_' value="2"/>2进制</label>
            <label class="radio-inline"><input type="radio" name='input_' value="4"/>4进制</label>
            <label class="radio-inline"><input type="radio" name='input_' value="8"/>8进制</label>
            <label class="radio-inline"><input type="radio" name='input_' value="10" checked="checked"/>10进制</label>
            <label class="radio-inline"><input type="radio" name='input_' value="16"/>16进制</label>
            <label class="radio-inline"><input type="radio" name='input_' value="32"/>32进制</label>
            
            <select id="input_num" class="input-small form-control" style="width: 100px; float:right;">
                <option value="2">2进制</option>
                <option value="3">3进制</option>
                <option value="4">4进制</option>
                <option value="5">5进制</option>
                <option value="6">6进制</option>
                <option value="7">7进制</option>
                <option value="8">8进制</option>
                <option value="9">9进制</option>
                <option value="10" selected>10进制</option>
                <option value="11">11进制</option>
                <option value="12">12进制</option>
                <option value="13">13进制</option>
                <option value="14">14进制</option>
                <option value="15">15进制</option>
                <option value="16">16进制</option>
                <option value="17">17进制</option>
                <option value="18">18进制</option>
                <option value="19">19进制</option>
                <option value="20">20进制</option>
                <option value="21">21进制</option>
                <option value="22">22进制</option>
                <option value="23">23进制</option>
                <option value="24">24进制</option>
                <option value="25">25进制</option>
                <option value="26">26进制</option>
                <option value="27">27进制</option>
                <option value="28">28进制</option>
                <option value="29">29进制</option>
                <option value="30">30进制</option>
                <option value="31">31进制</option>
                <option value="32">32进制</option>
                <option value="33">33进制</option>
                <option value="34">34进制</option>
                <option value="35">35进制</option>
                <option value="36">36进制</option>
            </select>
        </div>
    </div>

    <div class="form-group">
        <label for="input_value" class="col-sm-2 control-label">转换数字</label>
        <div class="col-sm-10">
            <input id="input_value" type="text" value="" onpropertychange="px()" onchange="px()" oninput="px()" class="toolInput num_value form-control" placeholder="在此输入待转换数字"/>
        </div>
    </div>
    
    <div class="form-group">
        <label for="output_num" class="col-sm-2 control-label">目标进制</label>
        <div class="col-sm-10">

            <label class="radio-inline"><input type="radio" name='output_' value="2"/>2进制</label>
            <label class="radio-inline"><input type="radio" name='output_' value="4"/>4进制</label>
            <label class="radio-inline"><input type="radio" name='output_' value="8"/>8进制</label>
            <label class="radio-inline"><input type="radio" name='output_' value="10"/>10进制</label>
            <label class="radio-inline"><input type="radio" name='output_' value="16" checked="checked"/>16进制</label>
            <label class="radio-inline"><input type="radio" name='output_' value="32"/>32进制</label>
            
            <select id="output_num" onchange="px(1);" class="input-small form-control" style="width: 100px; float:right;">
                <option value="2">2进制</option>
                <option value="3">3进制</option>
                <option value="4">4进制</option>
                <option value="5">5进制</option>
                <option value="6">6进制</option>
                <option value="7">7进制</option>
                <option value="8">8进制</option>
                <option value="9">9进制</option>
                <option value="10">10进制</option>
                <option value="11">11进制</option>
                <option value="12">12进制</option>
                <option value="13">13进制</option>
                <option value="14">14进制</option>
                <option value="15">15进制</option>
                <option value="16" selected>16进制</option>
                <option value="17">17进制</option>
                <option value="18">18进制</option>
                <option value="19">19进制</option>
                <option value="20">20进制</option>
                <option value="21">21进制</option>
                <option value="22">22进制</option>
                <option value="23">23进制</option>
                <option value="24">24进制</option>
                <option value="25">25进制</option>
                <option value="26">26进制</option>
                <option value="27">27进制</option>
                <option value="28">28进制</option>
                <option value="29">29进制</option>
                <option value="30">30进制</option>
                <option value="31">31进制</option>
                <option value="32">32进制</option>
                <option value="33">33进制</option>
                <option value="34">34进制</option>
                <option value="35">35进制</option>
                <option value="36">36进制</option>
            </select>
        </div>
    </div>
    
    <div class="form-group">
        <label for="output_value" class="col-sm-2 control-label">转换结果</label>
        <div class="col-sm-10">
            <input type="text" id="output_value" class="toolInput num_value form-control" placeholder="转换结果"></input>
        </div>
    </div>

</div>  <!--class="form-horizontal"-->

<script type="text/javascript">
$(document).ready(function() {
	$('[name="input_"]').click(function (){
		$('#input_num').val($(this).val());
		$('#input_value').val("");
		$('#output_value').val("");
	});
	$('[name="output_"]').click(function (){
		$('#output_num').val($(this).val());
		px(1);
	});
	$("#input_num").change(function(){
		$("#input_area input").removeAttr("checked");
		var val = $(this).val();
		$("#input_area input[value="+val+"]").attr("checked","checked");
		$('#input_value').val("");
		$('#output_value').val("");
	});
	$("#output_num").change(function(){
		$("#output_area input").removeAttr("checked");
		var val = $(this).val();
		$("#output_area input[value="+val+"]").attr("checked","checked");
		px(1);
	});
});
function pxparseFloat(x,y){
	x=x.toString();
	var num=x;
	var data=num.split(".");
	var you=data[1].split(""); //将右边转换为数组 得到类似 [1,0,1]
	var sum=0;  //小数部分的和
	for(var i=0;i<data[1].length;i++){
		sum+=you[i]*Math.pow(y,-1*(i+1))
	}
	return parseInt(data[0],y)+sum;
}
function zhengze(x){
	var str;
	x=parseInt(x);
	if(x<=10){
		str=new RegExp("^[+\\-]?[0-"+(x-1)+"]*[.]?[0-"+(x-1)+"]*$","gi");
	}else{
		var letter="";
		switch(x){
			case 11:letter="a";break;
			case 12:letter="b";break;
			case 13:letter="c";break;
			case 14:letter="d";break;
			case 15:letter="e";break;
			case 16:letter="f";break;	
			case 17:letter="g";break;
			case 18:letter="h";break;
			case 19:letter="i";break;
			case 20:letter="j";break;
			case 21:letter="k";break;
			case 22:letter="l";break;
			case 23:letter="m";break;
			case 24:letter="n";break;
			case 25:letter="o";break;
			case 26:letter="p";break;	
			case 27:letter="q";break;
			case 28:letter="r";break;
			case 29:letter="s";break;
			case 30:letter="t";break;
			case 31:letter="u";break;
			case 32:letter="v";break;
			case 33:letter="w";break;
			case 34:letter="x";break;
			case 35:letter="y";break;
			case 36:letter="z";break;	
		}
		str=new RegExp("^[+\\-]?[0-9a-"+letter+"]*[.]?[0-9a-"+letter+"]*$","gi");
	}		
	return str;
}
var n=50;
var shurukuang="";
var flag="";
function px(y){
	if($("#input_value").val()!=flag||y){
		flag=$("#input_value").val();
		if($("#input_num").selectedIndex<n){
			$("#input_value").val("");
			$("#output_value").val("");
		}else{
			var px00=$("#input_value").val();
			var px0=px00.match(zhengze($("#input_num").val()));
			if(px0){
				if(px0[0].indexOf(".")==-1){
					var px1=parseInt(px0,$('#input_num').val());
				}else{
					var px1=pxparseFloat(px0,$('#input_num').val());
				}
				px1=px1.toString($('#output_num').val());
				$("#output_value").val(px1);
				shurukuang=px00;
			}else{
				$("#input_value").val(shurukuang);
			}
		}
		n=$("#input_num").selectedIndex;	
	}
	if($("#input_value").val()==""){
		$("#output_value").val("");
  }
}
</script>


</div>
</div>
<div class="panel panel-default">
    <div class="panel-heading">工具简介</div>
    <div class="panel-body">
    支持在2~36进制之间进行任意转换，支持浮点型
    </div>
</div>
<!--本工具部分代码来自 http://tool.oschina.net/hexconvert/-->

<!--公共foot部分开始（本footer由代码动态生成）-->

<footer class="main-footer">
    <div class="row">
        <div class="col-sm-4">
            <div class="widget">
                <h4 class="title">友情链接</h4>
                <div class="content friend-links">
                    <a href="http://www.iamy.vip/" title="现实君博客" target="_blank">小Y资源网</a></br>
                </div>
            </div>
        </div>

        <div class="col-sm-4">
            <div class="widget">
                <h4 class="title">我们用到的技术</h4>
                <div class="content tag-cloud">
                    <a href="http://www.bootcss.com/" title="Bootstrap中文网" target="_blank">Bootstrap</a>
                </div>
            </div>
        </div>

        <div class="col-sm-4">
            <div class="widget">
                <h4 class="title">赞助商</h4>
                <div class="content friend-links">
                    <a href="http://www.mengkun.icoc.cc" title="孟坤软件" target="_blank">孟坤</a><br>
                </div>
            </div>
        </div>
    </div> <!--class="row"-->
    
    <div class="text-center copyright">
        <span>Copyright &copy; <a href="http://tecms.net">默笙</a></span> |
        <span><img src="picture/deb325fec1ac49a69df6ead5bd48ee2e.gif"><a href="http://www.miibeian.gov.cn/" target="_blank">豫ICP备XXXXXXXXXXX</a></span><span class="hidden-xs"> </span><br class="visible-xs-inline">
    </div>
    
</footer>

<!--
<div style="width:300px;margin:0 auto; padding:20px 0;">
    <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=43070202000609" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="picture/a135bfca639b4afbb5c78fafcecf5f80.gif" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">湘公网安备 43070202000609号</p></a>
</div>
-->

</div><!--class="container"中部容器-->

<!--孟坤工具箱网页版通用js文件-->
<script type="text/javascript" src="js/jquery.mktoolbox.js"></script>

</body> 
</html> 
<!--公共foot部分结束-->
